﻿<%@ Page Title="" Language="C#" MasterPageFile="~/template.Master" AutoEventWireup="true" CodeBehind="ServiceAdd.aspx.cs" Inherits="SystemDirectory.ServiceAdd" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

<link rel="stylesheet" href="css/style.css" type="text/css" />
<style>
.top {
	border: 0px solid #ccc;
	overflow: hidden;
	padding: 0;
	margin: 0;
	padding-bottom: 2px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.top-left {
	border: 0px solid #ccc;
	font:bold 14px Arial,  Verdana, Helvetica, sans-serif;
	float: left;
	padding: 5px 0;
}
.top-right {
	border: 0px solid #ccc;
	float: right;
	text-align: right;
}
.details1 {
	overflow: hidden;
}
.content-left {
	float: left;
	padding-right: 20px;
	border: 0px solid #ccc;
}
.content-right {
	float: right;
	border: 0px solid #ccc;
}
.frm .field {
	display: table;
	margin: 5px;
}
.frm div label {
	width: 150px;
	word-wrap: break-word;
	display: table-cell;
    vertical-align: middle;
    position: static;
}
.frm textarea {
    }
.frm input[type="text"], input[type="password"] {
    }
.lstcbb {
	width:210px;
	height:95px;
	overflow-y:auto;
	border:1px solid #ccc;
	background-color: #fff;
	display:auto;
}
 
        .box {
    margin: 0 0 10px 0;
    padding: 10px 15px 5px;
    background-color: white;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 0 3px #AAA;
    -moz-box-shadow: 0 0 3px #AAA;
    -webkit-box-shadow: 0 0 3px #AAA;
}
     
div.box h1 {
    font-weight: 600;
	font-size: 18px;
	line-height: 1.2em;
	border-bottom: 1px dotted #333;
	margin-bottom: 1em;
	color: green;
}
div.box h1 {
    border-bottom: 0px dotted #333;
	margin-bottom: 1em;
	color: green;
}
div.box h3 {
    font-size: 17px;
    margin: 0 0 5px;
}
div.box h4 {
    font-size: 14px;
}

div.box h4 a{
	padding: 0;
	margin: 0;
}
.tabContents{
	background-color: #eee;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px;
	min-height: 450px;
	padding:10px;
	padding-top: 15px;
	}
	
	.tabDetails{
	background:#fff;
	border:1px solid #ccc;
	margin:45px 0 0;
}
#tabContaier{
	margin:0;
	padding:0;
	position:relative;}
	
#tabContaier ul{
	overflow:hidden;
	position:absolute;
	top: -25px;
	padding: 0 2px;
	}

#tabContaier .btn{
	overflow:hidden;
	position:absolute;
	top: -30px;
	right: -4px;
	z-index:100; 
	float: right;
        height: 29px;
    }

#tabContaier .btn input{
	margin: 0 5px;
}
	
#tabContaier li{
	float:left;
	list-style:none;
	}

#tabContaier li a{
	background:#ddd;
	border:1px solid #ccc;
	color:#333;
	cursor:pointer;
	display:block;
	height:25px;
	font-weight:700;
	line-height:25px;
	padding:0 10px;
	text-decoration:none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
	
#tabContaier li a:hover{
	background:#ccc;}
	
#tabContaier li a.active{
	background:#fff;
	border:1px solid #ccc;
	color:#333;
	border-bottom: 0;
	}
</style>
<%--<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>--%>
<link href="/Resource/Css/jquery-ui-1.10.1.custom.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/Resource/Css/jquery-ui-1.10.1.custom.js" ></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#ContentPlaceHolder1_serviceStartDate").datepicker();
            $("#ContentPlaceHolder1_ServiceStart").datepicker();
            $("#ContentPlaceHolder1_ServiceEnd").datepicker();
            $("#ContentPlaceHolder1_ServiceExtend").datepicker();
            $("#ContentPlaceHolder1_ServiceTimeLimited").datepicker();

        })
    </script>
<script type="text/javascript">
    $(document).ready(function () {
        $(".tabContents").hide(); // ?n toàn b? n?i dung c?a tab
        $(".tabContents:first").show(); // M?c d?nh s? hi?n th? tab1

        $("#tabContaier ul li a").click(function () { //Khai báo s? ki?n khi click vào m?t tab nào dó      
            var activeTab = $(this).attr("href");
            $("#tabContaier ul li a").removeClass("active");
            $(this).addClass("active");
            $(".tabContents").hide();
            $(activeTab).fadeIn();
            setTimeout(function () {
                window.scroll(0, 0);
            }, 100);
        });
    });
    function org_desshort_onclick() {

    }

</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div id="content">
	<div id="mainContainer">
	<div class="box">
		<div id="container-orglst">
			<h1><a>Create new service</a></h1>
			<div id="tabContaier">
				<ul style="float:left;margin-left:0px">
					<li style="float:left"><a class="active" href="#tab1">Details 1</a></li>
					<li style="float:left"><a href="#tab2">Details 2</a></li>
                    <li style="float:left"><a href="#tab3">Details 3</a></li>
				</ul>
                <asp:Button ID="Save" runat="server" Text="Save" CssClass="btn btn-primary" 
                        Style="margin-right:70px; height: 31px;" onclick="saveService_Click"/>
                <a href="ServiceList.aspx"><input type="button" class="btn btn-primary"  value="Back" /></a>
				<div class="tabDetails">
					<div id="tab1" class="tabContents details1">
						<form>
						<div class="content-left frm">
							<div class="field">
								<label for="org_name">Service Name <span style="color: red;">*<span></label>
                                <asp:TextBox ID="ServiceName" runat="server"></asp:TextBox>
							</div>
							<div class="field">
								<label for="org_desshort">Service Short Description<span style="color: red;">*<span></span><span class="star" style="color: red;"></span></label>
                                <asp:TextBox ID="serviceshortdescription" runat="server" TextMode="MultiLine"></asp:TextBox>
							</div>
							<div class="field">
								<label for="org_leadcontact">Sub Type</label>
                                <asp:DropDownList ID="SubType" runat="server">
                                    <asp:ListItem>Contract</asp:ListItem>
                                    <asp:ListItem>Funded</asp:ListItem>
                                </asp:DropDownList>
							</div>
                            <div class="field">
								<label for="org_leadcontact">Lead Contact<span style="color: red;">*<span></label>
                                <asp:TextBox ID="LeadContact" runat="server" Width="167px"></asp:TextBox> 
                                <a href="#">Lookup</a>
							</div>
							<div class="field">
								<label for="org_addr1">Client Description </label>
                                <asp:TextBox ID="description" runat="server" TextMode="MultiLine" 
                                    ></asp:TextBox>
							</div>
                            <div class="field">
								<label for="org_addr2">Service Attendant</label>
                                <asp:TextBox ID="Service" runat="server"></asp:TextBox>
							</div>

							<div class="field">
								<label for="org_addr2">Service Started Expected</label>
                                <asp:TextBox ID="serviceStartDate" runat="server"></asp:TextBox>
								 
							</div>
							<div class="field">
								<label for="org_addr3">Service Start Date</label>
                                <asp:TextBox ID="ServiceStart" runat="server"></asp:TextBox>
							</div>
							<div class="field">
								<label for="org_postcode">Service End Date </label>
                                <asp:TextBox ID="ServiceEnd" runat="server"></asp:TextBox>
							</div>
							<div class="field">
								<label for="org_citytown">Service Extendable</label>
                                <asp:TextBox ID="ServiceExtend" runat="server"></asp:TextBox>
							</div>
						</div>	
						<div class="content-right frm">
							<div class="field">
								<label for="org_pre">Service Active</label>
                                <asp:CheckBox ID="ServiceActive" runat="server" />
                                </div>
                             <div class="field">
                                <label for="org_1">Service Full Description</label>
                                 <asp:TextBox ID="FullDescription" runat="server" Height="122px" 
                                     TextMode="MultiLine"></asp:TextBox>
                                 </div>
                              <div class="field">
                                <label for="org_fullDescription">Dept Code</label>
                                  <asp:TextBox ID="DeptCode" runat="server"></asp:TextBox>
                                  </div>
                               <div class="field">
                                <label for="org_serviceType">Service Type</label>
                                  <asp:TextBox ID="ServiceType" runat="server"></asp:TextBox>
                                  </div>
                                <div class="field">
                                <label for="org_serviceType">Service Description Delivery</label>
                                  <asp:TextBox ID="DescriptionDelivery" runat="server"></asp:TextBox>
                                  </div>
                                  <div class="field">
                                <label for="org_serviceType">Service Contract Code</label>
                                  <asp:TextBox ID="ContractCode" runat="server"></asp:TextBox>
                                  </div>
                                  <div class="field">
                                <label for="org_serviceType">Service Contract Value</label>
                                  <asp:TextBox ID="ContractValue" runat="server"></asp:TextBox>
                                  </div>
                                  <div class="field">
                                <label for="org_serviceType">Contract Staged Payment</label>
                                  <asp:CheckBox ID="StagedPayment" runat="server" />
                                  </div>
                                  <div class="field">
                                  <label for="org_method">Reference Process/Method</label>
                                   <asp:DropDownList ID="DropDownList1" runat="server">
                                   </asp:DropDownList>
                                   </div>
                                  <div class="field">
                                  <label for="org_TimeLimited">Service Time Limited</label>                                  
                                  <asp:TextBox ID="ServiceTimeLimited" runat="server"></asp:TextBox>
                                  </div>

						</div>
						</form>
					</div>
                    
					<div id="tab2" class="tabContents"  style="height: 450px">
						<div class="content-left frm">
                            <div class="field">
                                <label for="ds">
                                    Service Benefit Criterion</label>
                                <div id="Div" class="lstcbb">
                                    <div class="field">
                                        <asp:CheckBox ID="Allowance" runat="server" /><label for="ch1">Disability Living Allowance</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="SupportAllowance" runat="server" /><label for="ch2">Employment and
                                            Support Allowance</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="Benefit" runat="server" /><label for="ch3">Incapacity Benefit</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="Support" runat="server" /><label for="ch4">Income Support</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="SeekerAllowance" runat="server" /><label for="ch5">Job Seeker Allowance</label>
                                    </div>
                                </div>
                            </div><!--end field-->

                            <div class="field">
                                <label for="ds">
                                    Service Barrier Criterion</label>
                                <div id="Div1" class="lstcbb">
                                    <div class="field">
                                        <asp:CheckBox ID="LoneParent" runat="server" /><label for="ch1">Lone Parent</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="ESQL" runat="server" /><label for="ch2">ESQL</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="Refugee" runat="server" /><label for="ch3">Refugee</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="BasicSkills" runat="server" /><label for="ch4">Basic Skills</label>
                                    </div>
                                </div>
                            </div><!--end field-->

                            <div class="field">
                                <label for="ds">
                                    Service Ethnicity Criterion</label>
                                <div id="Div4" class="lstcbb">
                                    <div class="field">
                                        <asp:CheckBox ID="British" runat="server" /><label for="ch1">White British</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="Irish" runat="server" /><label for="ch2">White Irish</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="Carribean" runat="server" /><label for="ch3">Carribean</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="European" runat="server" /><label for="ch4">European</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="Africa" runat="server" /><label for="ch5">African</label>
                                    </div>
                                </div>
                            </div><!--end field-->
                            

                                                             
						
							</div>
<div class="content-right frm">
							
                            <div class="field">
                                <label for="ds">
                                    Service Disability Criterion</label>
                                <div id="Div5" class="lstcbb">
                                    <div class="field">
                                        <asp:CheckBox ID="ChestBreath" runat="server" /><label for="ch1">Chest Breathing Problem</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="Condition" runat="server" /><label for="ch2">Condition Restricting</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox4" runat="server" /><label for="ch3">Incapacity Benefit</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox5" runat="server" /><label for="ch4">Income Support</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox6" runat="server" /><label for="ch5">Job Seeker Allowance</label>
                                    </div>
                                </div>
                            </div><!--end field-->

                            <div class="field">
                                <label for="ds">
                                    Service Barrier Criterion</label>
                                <div id="Div6" class="lstcbb">
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox7" runat="server" /><label for="ch1">Lone Parent</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox8" runat="server" /><label for="ch2">ESQL</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox9" runat="server" /><label for="ch3">Refugee</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox10" runat="server" /><label for="ch4">Basic Skills</label>
                                    </div>
                                </div>
                            </div><!--end field-->

                            <div class="field">
                                <label for="ds">
                                    Service Ethnicity Criterion</label>
                                <div id="Div7" class="lstcbb">
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox11" runat="server" /><label for="ch1">White British</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox12" runat="server" /><label for="ch2">White Irish</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox13" runat="server" /><label for="ch3">Carribean</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox14" runat="server" /><label for="ch4">European</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox22" runat="server" /><label for="ch5">African</label>
                                    </div>
                                </div>
                            </div><!--end field-->
							 
							</div>
                            
                            </div>

					<div id="tab3" class="tabContents"  style="height: 450px">
						<div class="content-left frm">
							
                            <div class="field">
                                <label for="ds">
                                    Service Disability Criterion</label>
                                <div id="Div3" class="lstcbb">
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox2" runat="server" /><label for="ch1">Chest Breathing Problem</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox3" runat="server" /><label for="ch2">Condition Restricting</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox15" runat="server" /><label for="ch3">Incapacity Benefit</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox16" runat="server" /><label for="ch4">Income Support</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox17" runat="server" /><label for="ch5">Job Seeker Allowance</label>
                                    </div>
                                </div>
                            </div><!--end field-->

                            <div class="field">
                                <label for="ds">
                                    Service Barrier Criterion</label>
                                <div id="Div8" class="lstcbb">
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox23" runat="server" /><label for="ch1">Lone Parent</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox24" runat="server" /><label for="ch2">ESQL</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox25" runat="server" /><label for="ch3">Refugee</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox26" runat="server" /><label for="ch4">Basic Skills</label>
                                    </div>
                                </div>
                            </div><!--end field-->

                            <div class="field">
                                <label for="ds">
                                    Service Ethnicity Criterion</label>
                                <div id="Div9" class="lstcbb">
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox27" runat="server" /><label for="ch1">White British</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox28" runat="server" /><label for="ch2">White Irish</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox29" runat="server" /><label for="ch3">Carribean</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox30" runat="server" /><label for="ch4">European</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox31" runat="server" /><label for="ch5">African</label>
                                    </div>
                                </div>
                            </div><!--end field-->

						</div>
						<div class="content-right frm">
						
                        <div class="field">
                                <label for="ds">
                                    Service Disability Criterion</label>
                                <div id="Div2" class="lstcbb">
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox18" runat="server" /><label for="ch1">Chest Breathing Problem</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox19" runat="server" /><label for="ch2">Condition Restricting</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox20" runat="server" /><label for="ch3">Incapacity Benefit</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox32" runat="server" /><label for="ch4">Income Support</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox33" runat="server" /><label for="ch5">Job Seeker Allowance</label>
                                    </div>
                                </div>
                            </div><!--end field-->

                            <div class="field">
                                <label for="ds">
                                    Service Barrier Criterion</label>
                                <div id="Div10" class="lstcbb">
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox34" runat="server" /><label for="ch1">Lone Parent</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox35" runat="server" /><label for="ch2">ESQL</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox36" runat="server" /><label for="ch3">Refugee</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox37" runat="server" /><label for="ch4">Basic Skills</label>
                                    </div>
                                </div>
                            </div><!--end field-->

                            <div class="field">
                                <label for="ds">
                                    Service Ethnicity Criterion</label>
                                <div id="Div11" class="lstcbb">
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox38" runat="server" /><label for="ch1">White British</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox39" runat="server" /><label for="ch2">White Irish</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox40" runat="server" /><label for="ch3">Carribean</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox41" runat="server" /><label for="ch4">European</label>
                                    </div>
                                    <div class="field">
                                        <asp:CheckBox ID="CheckBox42" runat="server" /><label for="ch5">African</label>
                                    </div>
                                </div>
                            </div><!--end field-->
                            </div>
                        	 
				</div>

                    

			</div>
		</div>
	</div>
	</div>
    </div>
    </span></span></span></span></span>
</asp:Content>
